<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>联箱会员手机登录</title>
<link rel="icon" type="image/x-icon" href="${basePath }static/img/HomePageImg/L.jpg" />
<link rel="stylesheet" type="text/css" href="${basePath }static/bootstrap-3.3.7/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="${basePath }static/css/HomePageCss/login.css" />
</head>

<body>

	<div>
		<div class="be-content">
			<div class="ioc_text">
				<div class="联想会员登录"></div>
			</div>

			<div>
				<form id="form1" >
				
					<div class="br-content ">
						<div class="bootint">
							<span class="input-group-text "><i
								class="glyphicon glyphicon-phone"></i></span> <input type="text"
								class="form-control form-control1" id="usertel" name="usertel"
								placeholder="请输入账户的手机号">
						</div>

						<div class="bootint" style="display: inline-block">
							<input type="password" class="form-control form-control2" id="userpsw" name="authmsg" placeholder="请输入收到的验证码"> 
							<input	type="hidden" id="yzm2" name="authmsg2" />
							<button type="button" class=" btn-default btn2"	onclick="doAjaxSMS()">点击发送验证码</button>

						</div>

						<div class="br-text">
							<p>
								<a href="${basePath }jump?pg=userlogin_1">点此使用账号密码登录</a>
							</p>
							<p>
								<span>还没有注册？</span> <a href="${basePath }jump?pg=userMessage/registe" target="_parent">点此注册新用户</a>
							</p>
						</div>
						<div style="padding-top: 25px">
							<button type="submit" class="btn btn-danger btn-lg btn-block" style="width:360px"
								 onclick="checkMe()"/>登录</button>
						</div>
						<div class="be-con">
							<span>正在使用短信验证码登录</span>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

</body>

<script type="text/javascript"
	src="static/js/HomePageJs/iquery-1.12.4/jquery-1.12.4.min.js"></script>
<script type="text/javascript"
	src="static/js/HomePageJs/layer-v3.1.1/layer/layer.js"></script>
<script type="text/javascript">
	// 验证form表单是否合法
	function checkMe() {
		// 错误提示信息
		var strMsg = "";
		// 手机号验证
		var regModile = /^1\d{10}$/;
		var username1 = document.getElementById("usertel").value;
		if (username1 == null || username1 == ""
				|| regModile.test(username1) === false) {
			// 增加提示信息
			strMsg += "请输入正确的手机号!\n";
		}
		//验证码验证
		//var regyzm = /^d{6}$/;
		var yzm = document.getElementById("userpsw").value;
		var yzm2 = document.getElementById("yzm2").value;
		if (yzm == null || yzm == "" || yzm != yzm2 ) {
			// 增加提示信息
			strMsg += "请输入正确的验证码!";
		}
		// 判定整个表单是否可以进行提交
		if (strMsg == "") {
			// 验证通过
			ajaxLogin();
			//parent.layer.msg('登陆成功！',{icon:1});
			return true;
		} else {
			// 验证不通过
			//alert(strMsg);
			parent.layer.msg(strMsg, {
				icon : 7
			});
			return false;
		}
	}

	// 	//跳转
	// 	function skip(){
	// 		window.location.href = "/LenovoPhoneProject/homepage.jsp";
	// 	}

	// 手动提交form表单
	function doSubmit() {
		document.getElementById("form1").submit();
	}

	/* 短信验证函数 */
	function doAjaxSMS() {
		//验证手机号
		var regModile = /^1\d{10}$/;
		var username1 = document.getElementById("usertel").value;
		if (regModile.test(username1) === false) {
			//手机号验证失败
			var usertel = $("#usertel").val();
			if (null == usertel || "undefined" == typeof (usertel) || "" == usertel) {
				parent.layer.alert('请输入电话号码！');
			} else {
				parent.layer.alert("电话号码输入不正确：" + usertel);
			}
		} else {
			//手机号验证成功
			$.ajax({
				type : "POST", // 请求类型
				url : "Sms", // 请求的url
				data : "usertel=" + $("#usertel").val(),// 发送的数据 使用serialize方法替代手动拼写数据串
				//dataType : "json",
				success : function(data, textStatus, jqXHR) { // 执行成功之后的回调函数
					// 回调函数的dom操作
					//alert("验证码为"+data);//便于测试，正式上线删除
					console.info(data);
					parent.layer.alert('验证码为' + data, {icon : 6});
					document.getElementById("yzm2").value = data;
				},
				error : function(data) {
					//alert("请求失败" + data);
					var json = JSON.stringify(data);
					parent.layer.alert('mmp' + json);
				}
			});
		}
	}

	/*  使用ajax实现登录 */
	function ajaxLogin() {
		$.ajax({
			type : "POST", // 请求类型
			url : "LoginAction2", // 请求的url
			data : $("#form1").serializeArray(),// 发送的数据 使用serialize方法替代手动拼写数据串
			//dataType : "json",
			//contentType:"application/x-www-form-urlencoded",
			success : function(data, textStatus, jqXHR) { // 执行成功之后的回调函数
				// 回调函数的dom操作
				if (data == 1||2) {
					parent.layer.msg('登陆成功！', {
						icon : 1
					});
					//alert('登录成功！');
					var index = parent.layer.getFrameIndex(window.name);
					parent.layer.close(index);
					window.open('index.jsp','_parent');
					//window.location.href = '${basePath }jump?pg=userMessage/account';
					//window.open('homepage.jsp');
				} else {
					parent.layer.msg('登录失败，请重新输入！', {
						icon : 2
					});
					//alert('登录失败，请重新输入！');
					window.location.href = '${basePath }jump?pg=userlogin_2';
				}
			},
			error : function(data) {
				var json = JSON.stringify(data);
				parent.layer.alert('mmp' + json);
				//alert("mmp" + data);
			}
		});
	}
</script>

</html>